/*
===================
全局间距【对模块或内容进行间距微调，强化为最高级别】
===================
*/
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
/*
===================
基础样式
>>	b		加粗
>>	u		下划线
>>	i		斜体
>>	w		文本不换行
>>	tal		文本靠左显示
>>	tac		文本居中显示
>>	tar		文本靠右显示
>>	fl		左浮动
>>	fr		右浮动
>>	pr		相对定位
>>	cp		鼠标点击手势
>>	vt		表格内容靠上显示
===================
*/
.b { font-weight: 700 !important; }
.u { text-decoration: underline !important; }
.i { font-style: italic !important; }
.w { white-space: nowrap; }
.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }
.fl { float: left !important; display: inline; }
.fr { float: right !important; display: inline; }
.pr { position: relative; }
.cp { cursor: pointer; }
.vt { vertical-align: top; }
.dn { display: none; }
/*
===================
全局字体大小
>>	f10		小字体
>>	f12		正常字
>>	f14		大字
>>	f16		更大
>>	f24		标题类
>>	fn		文本去粗
===================
*/
.f10 { font-size: 10px; }
.f12 { font-size: 12px !important; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f24 { font-size: 24px; font-family: Arial, "Microsoft Yahei", Simsun; }
.fn { font-weight: normal !important; }
/*
===================
输入框文本框长度
===================
*/
.length0 { width: 45px; }
.length1 { width: 60px; }
.length2 { width: 110px; }
.length3 { width: 170px; }
.length4 { width: 230px; }
.length5 { width: 290px; }
.length6 { width: 350px; }
/*
===================
必填
===================
*/
.must-red { font-family: Simsun; color: #ff0000; margin-top:3px; margin-left: -13px; position: absolute; font-size: 14px; }
/**
 * ===================
 * 布局
 * ===================
 */
body { background-color: #223143; font-family: "Hiragino Sans GB", "Microsoft Yahei", verdana, Helvetica, Arial, sans-serif; }
/* 左边栏 */
.sidebar { }
/* 右边主内容 */
.main-content { background-color: #F0EFF5; }
/* 底部 */
.footer { color: #F0EFF5; }
/**
 * ===================
 * 导航条 navbar 顶部菜单
 * ===================
 */
.navbar-my { background-color: #202C3D; border-radius: 0; font-size: 16px; min-height: 55px; margin-bottom: 0; }
.navbar-my .navbar-brand { color: #AAA; }
.navbar-my .navbar-nav > li > a { color: #FFF; padding-left: 20px; padding-right: 20px; line-height: inherit; }
.navbar-my .navbar-nav > li > a:hover,
.navbar-my .navbar-nav > li > a:focus { background-color: #374859; }
.navbar-my .navbar-nav > .active > a { background-color: #374859; }
/* 缩小宽度后菜单样式 */
.navbar-my .navbar-toggle { border-color: #333; }
.navbar-my .navbar-toggle:hover,
.navbar-my .navbar-toggle:focus { background-color: #333; }
.navbar-my .navbar-toggle .icon-bar { background-color: #fff; }
/**
 * ===================
 * 导航 nav 左侧菜单
 * ===================
 */
.nav-my li a { border-left: 5px solid #223143; color: #FFF; display: block; padding: 10px 15px; text-decoration: none; }
.nav-my li a:hover,
.nav-my li a:focus { background-color: #2F3949; border-left: 5px solid #374859; }
.nav-my li.active a,
.nav-my li.active a:hover,
.nav-my li.active a:focus { background-color: #2F3949; border-left: 5px solid #428bCA; }
.nav-my li ul { padding-left: 0; }
.nav-my li ul li a { padding-left: 25px; }
/**
 * ===================
 * 页头 右栏主要内容页头
 * ===================
 */
.page-header-my { background-color: #FFF; border-radius: 0; margin: 0; padding-top: 10px; }
.page-header-my h1 { font-size: 24px; margin-top: 0; padding-left: 20px; }
.page-header-my h1 small { font-size: 14px; }
/**
 * ===================
 * 路径导航 右栏主要内容面包屑导航
 * ===================
 */
.breadcrumb-my { background-color: #FFF; border-radius: 0; margin-bottom: 15px; padding-left: 20px; }
/**
 * ===================
 * 面版
 * ===================
 */
.panel-my > .panel-heading { font-weight: 700; }

/**
 * ===================
 * 表格
 * ===================
 */
/*针对 Firefox 的 hack 代码: Firefox 浏览器对 fieldset 元素设置了一些影响 width 属性的样式，导致响应式表格出现问题 */
@-moz-document url-prefix() { fieldset {display: table-cell;} }
/**
 * ===================
 * 表单
 * ===================
 */
/* 重置表单获取焦点时颜色 */
/* .form-control:focus { border-color: #B3B3B3; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(179, 179, 179, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(179, 179, 179, .6); } */
/*
===================
独立页面提交按钮框
===================
*/
/* .btn-wrap { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 5; } */
/*
===================
图标 导航、版块管理
展开收起、所属
===================
*/
.plus-none-icon { display: inline-block; width: 40px; height: 20px; overflow: hidden; vertical-align: middle; }
/**
 * ======================================
 * 登陆页面
 * ======================================
 */
#login-page { }
.container-login { width: 350px; padding-top: 120px; }
.container-login .back-to-home a { color: #CCC; }
/**
 * ======================================
 * codeigniter 调试信息
 * ======================================
 */
#codeigniter_profiler { }
#codeigniter_profiler legend { font-size: 16px; width: auto; margin-bottom: 0; }
/**
 * ======================================
 * xdebug
 * ======================================
 */
.xdebug-var-dump { background-color: #F0EFF5; }
